<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Privacy Policy - Random Pokémon Generator</title>
        <meta name="description" content="Read our privacy policy to understand how we handle your information on the Random Pokémon Generator website.">
        <meta name="keywords" content="privacy policy, pokemon generator, data protection, user privacy">
        <meta property="og:locale" content="en_US"/>
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Privacy Policy - Random Pokémon Generator"/>
        <meta property="og:description" content="Learn about our commitment to protecting your privacy and how we handle information on the Random Pokémon Generator website."/>
        <meta property="og:url" content="https://pokemongenerator.xyz/privacy-policy"/>
        <meta property="og:image" content="/static/image.png">
        <meta property="og:site_name" content="pokemongenerator.xyz"/>
        <link rel="canonical" href="https://pokemongenerator.xyz/privacy-policy"/>
        <link rel="icon" href="static/image.png" sizes="32x32"/>
        <link rel="stylesheet" href="static/base.css?version=0.0.15">
        <script type="application/javascript" src="static/base.js?ver=0.0.6"></script>
        <script type="application/javascript" src="static/data.js"></script>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-47TE63PW8V"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-47TE63PW8V');
        </script>
        <style>
            :root {
                --primary-color: #4a90e2;
                --secondary-color: #8D0B7C;
                --text-color: #333;
                --menu-text-color: #000000;
                --background-color: #ffffff;
                --header-background: #ffffff;
                --header-border-color: #e0e0e0;
            }
            
            body {
                font-family: 'Arial', sans-serif;
                background-color: var(--background-color);
                color: var(--text-color);
                margin: 0;
                padding: 0;
            }
            
            header {
                background-color: var(--header-background);
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 10px 0;
                border-bottom: 1px solid var(--header-border-color);
            }
            
            .container {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 20px;
            }
            
            .logo-container {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            
            .logo {
                width: 40px;
                height: 40px;
                cursor: pointer;
                transition: transform 0.3s ease;
            }
            
            .logo:hover {
                transform: scale(1.1);
            }
            
            .logo-text {
                color: var(--text-color);
                font-weight: bold;
                font-size: 1em; /* 调小了logo文本的大小 */
            }
            
            nav ul {
                list-style-type: none;
                display: flex;
                gap: 20px;
                margin: 0;
                padding: 0;
            }
            
            nav a {
                text-decoration: none;
                color: var(--menu-text-color);
                font-weight: 500;
                transition: color 0.3s ease;
            }
            
            nav a:hover {
                color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                text-decoration: underline !important;
            }
            
            .user-info {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            
            .user-info img {
                border-radius: 50%;
                width: 30px;
                height: 30px;
                border: 2px solid var(--primary-color);
            }
            
            #login-button {
                background-color: var(--primary-color);
                color: white;
                padding: 8px 16px;
                border-radius: 20px;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }
            
            #login-button:hover {
                background-color: var(--secondary-color);
            }

            main {
                padding-top: 20px;
            }
            
            /* 添加以下新样式 */
            .menu-icon {
                display: none;
                font-size: 28px;
                cursor: pointer;
                color: rgb(92, 92, 96);
            }
            
            @media screen and (max-width: 768px) {
                .menu-icon {
                    display: block;
                }
                
                nav ul {
                    display: none;
                    position: absolute;
                    top: 60px;
                    left: 0;
                    width: 100%;
                    background-color: var(--header-background);
                    flex-direction: column;
                    padding: 10px 0;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                }
                
                nav ul.show {
                    display: flex;
                }
                
                nav ul li {
                    padding: 10px 20px;
                }
                
                nav a {
                    color: #000000; /* 确保移动端下拉菜单中的链接为黑色 */
                }
                
                nav a:hover {
                    color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                    text-decoration: underline !important;
                }
            }
            
            /* 添加全局链接样式 */
            a {
                text-decoration: none;
                color: inherit;
                transition: color 0.3s ease, text-decoration 0.3s ease;
            }
            
            a:hover {
                color: #8D0B7C !important; /* 紫色，使用 !important 确保优先级 */
                text-decoration: underline !important;
            }
        </style>
        
    </head>
<body>
    <header>
        <div class="container">
            <div class="logo-container">
                <img src="static/image.png" alt="Random Pokémon Generator Logo" class="logo" onclick="window.location.href='/'">
                <span class="logo-text">Random Pokémon Generator</span>
            </div>
            <nav>
                <div class="hamburger-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <ul id="menu">
                    <li><a href="/">Home</a></li>
                    <li><a href="/name-generator">Name Generator</a></li>
                    <li><a href="/type-generator">Type Generator</a></li>
                    <li><a href="/guess-game">Pokémon Guess Game</a></li>
                </ul>
            </nav>
            <div style="display: none">
                <div id="login-button">Login</div>
                <div id="user-info" class="user-info"></div>
            </div>
        </div>
    </header>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const hamburgerMenu = document.querySelector('.hamburger-menu');
            const menu = document.getElementById('menu');

            if (hamburgerMenu) {
                hamburgerMenu.addEventListener('click', function() {
                    this.classList.toggle('active');
                    menu.classList.toggle('active');
                });
            }

            menu.addEventListener('click', function(e) {
                if (e.target.tagName === 'A' && window.innerWidth <= 768) {
                    hamburgerMenu.classList.remove('active');
                    menu.classList.remove('active');
                }
            });

            document.addEventListener('click', function(e) {
                if (window.innerWidth <= 768 && !menu.contains(e.target) && !hamburgerMenu.contains(e.target)) {
                    hamburgerMenu.classList.remove('active');
                    menu.classList.remove('active');
                }
            });

            window.addEventListener('resize', function() {
                if (window.innerWidth > 768) {
                    menu.classList.remove('active');
                    hamburgerMenu.classList.remove('active');
                }
            });
        });
    </script>

<main class="container">
    <div class="section-container">
        <h1 style="text-align: center;">Privacy Policy</h1>
        <p style="text-align: center;">Last updated: 2024/10/08</p>

        <h2 style="text-align: left;">1. Introduction</h2>
        <p>Welcome to Random Pokémon Generator. We respect your privacy and are committed to protecting your personal data. This privacy policy will inform you about how we look after your personal data when you visit our website and tell you about your privacy rights and how the law protects you.</p>

        <h2 style="text-align: left;">2. Data We Collect</h2>
        <p>We do not collect any personal information from our users. Our website is designed to generate random Pokémon names and types without requiring any user input of personal data.</p>

        <h2 style="text-align: left;">3. Cookies</h2>
        <p>Our website uses only essential cookies that are necessary for the website to function properly. These cookies do not collect any personal information.</p>

        <h2 style="text-align: left;">4. Third-party Links</h2>
        <p>Our website may include links to third-party websites, plug-ins, and applications. Clicking on those links or enabling those connections may allow third parties to collect or share data about you. We do not control these third-party websites and are not responsible for their privacy statements.</p>

        <h2 style="text-align: left;">5. Children's Privacy</h2>
        <p>Our website does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>

        <h2 style="text-align: left;">6. Changes to This Privacy Policy</h2>
        <p>We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date at the top of this Privacy Policy.</p>

        <h2 style="text-align: left;">7. Contact Us</h2>
        <p>If you have any questions about this Privacy Policy, please contact us at randomgenrator@gmail.com</p>
    </div>
</main>
<footer class="site-footer">
    <div class="container">
        <div class="footer-links">
            <a href="https://github.com/lipengxs/PokemonGenerator.git" target="_blank" rel="noopener noreferrer">Github</a>
            <a href="/privacy-policy">Privacy Policy</a>
            <a href="/terms-of-use">Terms of Use</a>
        </div>
        <p>&copy; 2024 <strong>Random Pokémon Generator</strong>. All rights reserved.</p>
    </div>
</footer>
</body>
</html>
